<template>
	<uni-popup ref="authenticationpopup" type="center">
		<view class="mdx-popup">
			<text class="mdx-popup-title">实名认证</text>
			<text class="mdx-popup-text">检测到您还没有进行实名认证绑，请先进行实名认证。</text>
			<view @click="navTo" class="mdx-popup-btn mdx-popup-btn-1">
				去实名认证
			</view>
			<view @click="close()" class="mdx-popup-btn mdx-popup-btn-2">
				取消
			</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		name:"mdx-authentication",
		props:{
			to:{
				type:String,
				default:"/pages-user/certification/certification"
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			navTo(){
				uni.navigateTo({
					url:this.to
				})
			},
			open() {
				this.$refs.authenticationpopup.open()
			},
			close(){
				this.$refs.authenticationpopup.close()
			}
		}
	}
</script>

<style lang="scss">
	.mdx-popup{
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 640rpx;
		height: 532rpx;
		background: #FFFFFF;
		border-radius: 32rpx;
		padding: 60rpx 38rpx;
		&-title{
			font-size: 34rpx;
			font-weight: 600;
			line-height: 44rpx;
		}
		&-text{
			margin-top: 20rpx;
			font-size: 28rpx;
			color: #999999;
			line-height: 40rpx;
			padding: 0rpx 37rpx;
		}
		&-btn{
			width: 100%;
			height: 92rpx;
			font-size: 36rpx;
			text-align: center;
			border-radius: 16rpx;
			line-height: 92rpx;
			&-1{
				margin-top: 60rpx;
				color: #fff;
				background: $globalColor;
			}
			&-2{
				margin-top: 24rpx;
				color: $globalColor;
				border: 2rpx solid $globalColor;
			}
		}
		
		
	}
</style>